import Hr from '../../components/hr';

export default function Total({ total }: { total: number }) {
	return <>
		<div className='v'>
			<span className='title'>报名人数：<span className='total'>{total}人</span></span>
			<Hr />
			<style jsx>{`
.v{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items:flex-start ;
width: 100%;
margin-top: 1rem;
}
.title{
font-size: 1.125rem;
text-align: center;
color: #505D68;
margin-left: 1rem;
margin-bottom: -0.3rem;
}
.total{
font-size: 1.125rem;
text-align: center;
color: #000000;
}
`}</style>
		</div>
	</>;
}
